<template>
  <view>
    <view class="van_top">
      <van-nav-bar title="修改密码成功" left-arrow @click-left="onClickLeft" />
    </view>

    <view class="pic">
      <image src="../../static/login/editpwdscs.png" mode="aspectFill" />
    </view>

    <view class="t1">恭喜您，密码修改成功！</view>
    <view class="t2">立即登录，开始购物吧</view>

    <button class="submit-btn" type="info" @click="gotoLogin">
      立即登录
    </button>
  </view>
</template>

<script>
export default {
  name: "CPwdSuccess",
  data() {
    return {

    }
  },
  methods: {
    onClickLeft() {
      uni.navigateBack();
    },
    gotoLogin() {
      uni.navigateBack();
    }
  }
}
</script>

<style lang="scss" scoped>
.van_top {
  margin-bottom: 136rpx;
}

.pic {
  width: 300rpx;
  height: 300rpx;
  margin-left: 225rpx;
  margin-bottom: 24rpx;

  image {
    width: 100%;
    height: 100%;
  }
}

.t1 {
  font-weight: bold;
  font-size: 32rpx;
  color: #333333;
  line-height: 38rpx;
  margin-bottom: 24rpx;
  text-align: center;
}

.t2 {
  font-weight: 500;
  font-size: 28rpx;
  color: #999999;
  line-height: 33rpx;
  text-align: center;
  margin-bottom: 96rpx;
}

.submit-btn {
  width: 300rpx;
  height: 68rpx;
  line-height: 68rpx;
  font-size: 32rpx;
  color: #FFFFFF;
  letter-spacing: 1px;
  background: linear-gradient(90deg, #FF4F30 0%, #FF1642 100%);
  border-radius: 8rpx;
  margin-bottom: 24rpx;
}
</style>